<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="./iconfont2/iconfont.css" />
    <link rel="stylesheet" href="./iconfont 4/iconfont.css" />
    <link rel="stylesheet" href="./css/pubic.css" />
    <link rel="stylesheet" href="./css/wode.css" />
  </head>
  <body>
    <!-- 头部登录 -->
    <div class="header">
      <div class="header_dl">
        <div class="tx">
          <img
            src="http://cba.itlike.com/public/mweb/static/default-avatar.png"
            alt=""
            srcset=""
          />
        </div>
        <div class="denglu">
          <p class="wei">未登录</p>
          <p class="dian">点击登录账号</p>
        </div>
      </div>
    </div>
    <!-- 主体部分 -->
    <div class="nav">
      <div class="zhanghu">
        <a href="javascript:;">
          <span class="yue">- -</span>
          <p>账户余额</p>
        </a>
        <a href="javascript:;">
          <span class="jifen">- -</span>
          <p>积分</p>
        </a>
        <a href="javascript:;">
          <span class="youhui">- -</span>
          <p>优惠卷</p>
        </a>
      </div>
      <a href="javascript:;" class="qianbao">
        <span class="iconfont icon-qianbao"></span>
        <p>钱包</p>
      </a>
    </div>
    <div class="nava">
      <a href="javascript:;">
        <span class="iconfont icon-dingdan"></span>
        <p>全部订单</p>
      </a>
      <a href="javascript:;">
        <span class="iconfont icon-qianbao"></span>
        <p>代付款</p>
      </a>
      <a href="javascript:;">
        <span class="iconfont icon-daishouhuo1"></span>
        <p>待发货</p>
      </a>
      <a href="javascript:;">
        <span class="iconfont icon-daishouhuo"></span>
        <p>待收货</p>
      </a>
    </div>
    <div class="navb">
      <div class="navb_title">我的服务</div>
      <div class="navb_nav">
        <a href="javascript:;">
          <span class="iconfont icon-dizhi"></span>
          <p>收货地址</p>
        </a>
        <a href="javascript:;">
          <span class="iconfont icon-liwu"></span>
          <p>领劵中心</p>
        </a>
        <a href="javascript:;">
          <span class="iconfont icon-youhuijuan"></span>
          <p>优惠卷</p>
        </a>
        <a href="javascript:;">
          <span class="iconfont icon-dizhi"></span>
          <p>我的帮助</p>
        </a>
        <a href="javascript:;">
          <span class="iconfont icon-wodejifen"></span>
          <p>我的积分</p>
        </a>
        <a href="javascript:;">
          <span class="iconfont icon-shouhou"></span>
          <p>退换/售后</p>
        </a>
      </div>
    </div>
    <div class="nav_footer" style="opacity: none">退出登录</div>
    <!-- 底部 -->
    <div class="footer">
      <a class="footer_a" href="javascript:;">
        <span class="iconfont icon-line-mailopenyoujiandakai"></span>
        <p>首页</p>
      </a>
      <a class="footer_b">
        <span class="iconfont icon-fenlei"></span>
        <p>分类</p>
      </a>
      <a class="footer_c">
        <span class="iconfont icon-gouwuchekong"></span>
        <p>购物车</p>
      </a>
      <a class="footer_d active">
        <span class="iconfont icon-wode"></span>
        <p>我的</p>
      </a>
    </div>
    <script src="./js/axios.js"></script>
    <script src="./js/common.js"></script>
    <script src="./js/wode.js"></script>
  </body>
</html>
